
    *{
        padding:0px;
        margin:0px;
        box-sizing: border-box;
    }
    body,html{
        width: 100%;
    }
    body{
        overflow-x: hidden;
    }
    
    
    ul{
        list-style: none;
    }
    a{
        text-decoration: none;
        color: inherit;
    }
    img{
        display: block;
        width: 100%;
        height: auto;
    }
    .cursor{
        cursor: pointer;
    }
    .default{
        cursor: default;
    }
    .react{
        height: initial !important;
    }
    *{
        -webkit-tap-highlight-color:transparent;
    }
    input, select, textarea,button{
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        outline: 0;
        border: 0;
        border-radius: 0;
        background: none transparent;
        color: inherit;
        font: inherit;
        line-height: normal;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .flex{
        display:box;
        display: -webkit-box; 
        display: -moz-box;
        display: -webkit-flex; 
        display: -moz-flex; 
        display: -ms-flexbox;
        display: flex;
    }
    .flex-align-items{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-box-pack:center;
        -webkit-align-items: center;
        align-items: center;
    }
    .flex-justify-content{
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        box-align:center;
    }

    .obj-c{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .delay-1{
        transition-delay: .1s !important;
    }
    .delay-2{
        transition-delay: .2s !important;
    }
    .delay-3{
        transition-delay: .3s !important;
    }
    html.noScroll body{
        position: fixed;
    }
    .container.fillAll{
        min-height: 100vh;
        flex-direction: column;
        display:box;
        display: -webkit-box; 
        display: -moz-box;
        display: -webkit-flex; 
        display: -moz-flex; 
        display: -ms-flexbox;
        display: flex;
    }
    .fillAll main{
        flex:1;
    }
    #loadingDiv{
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background: #fff;
        top: 0px;
        left: 0px;
    }
    .hvc{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .fill,
    .fillAft::after,
    .fillBf::before{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }
    .noTsn{
        transition: initial !important;
    }
    /*::-webkit-scrollbar{
        width: 6px;
        height: 6px; 
    }
    ::-webkit-scrollbar-thumb{
        border-radius: 3px;
        background: rgba(255,255,255, .15);
        
    }
    :hover::-webkit-scrollbar-thumb{
        background: rgba(255,255,255, .2);
    }
    ::-webkit-scrollbar-track{
        background: rgba(0,0,0,0);
    }*/
    
    @font-face{
        font-family: 'scgFont_medium'; 
        src:url('../../font/Avenir\ Medium.ttf') format('truetype');
    }
    @font-face{
        font-family: 'scgFont_black'; 
        src: url('../../font/Avenir\ Black.ttf') format('truetype');
    }
    @font-face{
        font-family: 'scgFont_light'; 
        src: url('../../font/avenir-roman.otf') format('opentype');
    }
    /*
    *{
        font-family: 'scgFont';
    }
    */

    
    .storeBox{
        display: none;
    }
    .fluid{
        width: calc(100% - 80px);
        max-width: 1260px;
        margin:0 auto;
    }
    header{
        z-index: 9000;
        position: fixed;
        width: 100%;
        top: 0px;
        left: 0px;
        background: #fff;
        box-shadow: 0px 5px 20px 5px rgba(0,0,0,.3);
        transform: translateY(-100%);
        transition: .6s transform;
    }
    header.frozen{
        transform: translateY(0px);
    }
    .colorLine{
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
        width: 0%;
        height: 4px;
        transition: width 1s;
    }
    .colorLine.frozen{
        width: 100%;
    }
    header .fluid{
        height: 110px;
        justify-content: space-between;
    }
    header .colorLine{
        transition-delay: .6s;
    }
    header.frozen .colorLine{
        width: 100%;
    }
   
    header .fluid .language{
        float: right;
        margin-bottom: 20px;
        width: 110px;
        position: relative;
        height: 30px;
        cursor: pointer;
        z-index: 2;
    }
    header .fluid>.language{
        margin-bottom: 0px !important;
        width: 60px !important;
        position: absolute;
        top: 50%;
        right: 35px;
        transform: translateY(-50%);
        font-size: 12px;
        transition: right .3s .6s;
    }
    header .fluid>.language.move{
        right: 55px;
        transition-delay: 0s;
    }
    header .fluid .language .mid{
        overflow: hidden;
        height: 100%;
        transition: height .4s;
        border: 2px solid #62afd7;
        box-sizing: content-box;
        background: #fff;
        border-radius: 15px;
        padding: 0px 20px;
        position: relative;
        bottom: 2px;
    }
    header .fluid .language p{
        line-height: 30px;
        font-size: 13px;
        color: #62afd7;
        font-weight: bold;
    }
    header .fluid .language p:first-child{
        background: url(../../img/common/arw.png) no-repeat right center;
    }
    header .fluid nav .links{
        clear: both;
    }
    header .fluid nav .links .itm{
        margin-left: 30px;
        display: inline-block;
        position: relative;
        opacity: 0;
        transform: translateY(-100%);
        transition: .4s transform,opacity .4s;
    }
    header .fluid nav .links .itm:nth-child(2){
        transition-delay: 50ms;
    }
    header .fluid nav .links .itm:nth-child(3){
        transition-delay: 100ms;
    }
    header .fluid nav .links .itm:nth-child(4){
        transition-delay: 150ms;
    }
    header .fluid nav .links .itm:nth-child(5){
        transition-delay: 200ms;
    }
    header .fluid nav .links .itm:nth-child(6){
        transition-delay: 250ms;
    }
    header .fluid nav .links.frozen .itm{
        transform: translateY(0px);
        opacity: 1;
    }
    header .fluid nav .links .itm a{
        font-size: 16px;
        font-weight: bold;
        color: #7f7f7f;
        display: block;
        transition: color .3s;
    }
    header .fluid nav .links .itm>a{
        height: 22px;
        overflow: hidden;
        position: relative;
    }
    header .fluid nav .links .itm>a *{
        display: block;
        line-height: 22px;
    }
    header .fluid nav .links .itm>a span:first-child{
        transform: translateY(100%);
        animation: r1HoverOut .3s ease forwards;
    }
    header .fluid nav .links .itm>a span:last-child{
        transform: translateY(100%);
        opacity: 0;
        animation: r2HoverOut .3s ease forwards;
    }
    header .fluid nav .links .itm>a span:last-child i{
        transform: translateY(10px);
        transition: transform ease-out .3s .2s;
    }
    

    header .fluid nav .links .itm>a:hover span:first-child{
        animation-name: r1HoverIn;
    }
    @keyframes r1HoverIn{
        from{
            transform: translateY(0%);
        }to{
            transform: translateY(-100%);
        }
    }
    @keyframes r1HoverOut{
        from{
            transform: translateY(100%);
        }to{
            transform: translateY(0%);
        }
    }

    header .fluid nav .links .itm>a:hover span:last-child{
        animation-name: r2HoverIn;
    }
    header .fluid nav .links .itm>a:hover span:last-child i{
        transform: translateY(0px);
    }
    header .fluid nav .links .itm>a span:last-child i{
        font-style: normal;
        transform: translateY(10px);
        transition: transform ease-out .3s .2s;
    }
    @keyframes r2HoverIn{
        from{
            opacity: 0;
            transform: translateY(100%);
        }to{
            opacity: 1;
            transform: translateY(0%);
        }
    }
    @keyframes r2HoverOut{
        from{
            opacity: 1;
            transform: translateY(0%);
        }to{
            opacity: 0;
            transform: translateY(-100%);
        }
    }

    .mobileDevice header .fluid nav .links .itm>a span:last-child{
        display: none;
    }
    .mobileDevice header .fluid nav .links .itm>a span:first-child{
        animation: initial !important;
        transform: initial !important;
    }
    
    header .fluid nav .links .itm .sonMenu{
        opacity: 0;
        transition: opacity .5s;
        width: 215px;
        position: absolute;
        top: 100%;
        padding-top: 10px;
        pointer-events: none;
    }
    header .fluid nav .links .itm.show>a,
    header .fluid nav .links .itm.show .sonMenu a:hover{
        color: #f4931d;
    }
    header .fluid nav .links .itm.show .sonMenu{
        opacity: 1;
        pointer-events: all;
    }
    header .fluid nav .links .itm .sonMenu .inner{
        padding: 35px 20px;
        box-shadow: 10px 10px 10px 0px rgba(0,0,0,.3);
        background: #fff;
        border-top: 4px solid #9cba09;
    }
    header .fluid nav .links .itm .sonMenu a{
        font-weight: normal;
        margin-top: 20px;
        text-align: center;
    }
    header .fluid nav .links .itm .sonMenu a:first-child{
        margin-top: 0px;
    }
    header .fluid nav .links .itm:first-child{
        margin-left: 0px;
    }
    header .fluid .menuBtn{
        position: absolute;
        width: 40px;
        height: 40px;
        top: 50%;
        transform: translateY(-50%);
        right: 0px;
        transition: right .5s;
    }
    header .fluid .menuBtn.clicked{
        right: 10px;
    }
    header .fluid .menuBtn span{
        transition: top .6s,left .6s,transform .6s;
        border-radius: 50%;
        transform: translate(-50%,-50%) scale(.8);
    }
    header .fluid .menuBtn .g{
        background: #9dbc0c;
        width: 20px;
        height: 20px;
        transition-delay: .3s;
    }
    header .fluid .menuBtn .o{
        width: 14px;
        height: 14px;
        background: #f4931d;
        transition-delay: .15s;
    }
    header .fluid .menuBtn .b{
        width: 8px;
        height: 8px;
        background: #62afd7;
    }
    header .fluid .menuBtn.clicked span{
        transform: translate(0px) scale(1);
    }
    header .fluid .menuBtn.clicked .g{
        top: 35%;
        left: 0px;
    }
    header .fluid .menuBtn.clicked .o{
        top: calc(100% - 14px);
        left: calc(100% - 14px);
    }
    header .fluid .menuBtn.clicked .b{
        transform: translate(0px);
        top: 0px;
        left: 60%;
    }
    

    main{
        padding-top: 110px;
        background: #f3f7f9;
        overflow: hidden;
    }
    main>*{
        opacity: 0;
        transition: opacity .5s;
    }
    main .heading{
        height: 475px;
        position: relative;
        opacity: 1;
        filter: blur(10px);
        -webkit-filter: blur(10px);
        -ms-filter: blur(10px);
        -moz-filter: blur(10px);
        transform: scale(2.8);
        transition: transform .8s,filter .4s;
        z-index: 1000;
    }
    
    body.complete main .heading,
    body.stop main .heading{
        z-index: initial;
    }
    body.stop main>*,
    body.complete main>*{
        opacity: 1;
    }
    body.stop main .heading,
    main .heading.frozen{
        transform: scale(1);
        filter: blur(0px);
        -webkit-filter: blur(0px);
        -ms-filter: blur(0px);
        -moz-filter: blur(0px);
    }
    main .heading .fluid{
        z-index: 2;
        left: 50%;
        transform: translateX(-50%);
    }
    main .heading .fluid .txt{
        width: 50%;
        color: #fff;
        padding: 0px 20px;
    }
    main .heading .fluid .txt>*{
        transform: translateY(30px);
        opacity: 0;
        transition: opacity .5s,transform .5s;
    }
    main .heading .fluid .frozen>*{
        opacity: 1;
        transform: translateY(0px);
    }
    main .heading .fluid .txt p:nth-child(1){
        font-size: 48px;
        font-weight: bold;
        line-height: 1.2;
    }
    main .heading .fluid .txt p:nth-child(2){
        font-size: 18px;
        line-height: 1.6;
        margin-top: 30px;
    }
    main .tips{
        padding: 45px 0px;
        background: #F4931D;
        color: #fff;
        font-size: 18px;
        line-height: 2;
        text-align-last: center;
    }
    main .tips p{
        width: 890px;
        margin: 0 auto;
    }

    footer{
        position: relative;
        padding-top: 55px;
        background: #2e3745;
        color: #fff;
    }
    footer i{
        position: absolute;
        width: 100%;
        left: 0px;
        height: 2px;
        bottom: 60px;
    }
    footer i::before,
    footer i::after{
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        left: 0px;
    }
    footer i::before{
        top: 0px;
        background: #252e3c;
    }
    footer i::after{
        bottom: 0px;
        background: #3c4551;
    }
    footer .content{
        font-size: 14px;
        justify-content: space-between;
        padding-bottom: 40px;
    }
    footer .content .box{
        width: 150px;
        line-height: 1.8;
    }
    footer .content .box>p{
        font-size: 18px;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 25px;
        text-transform: capitalize;
    }
    footer .content .addr .list p:first-child{
        margin-bottom: 30px;
    }
    footer .content .others{
        width: 50%;
    }
    footer .content .others .list{
        justify-content: space-between;
    }
    footer .content .others .list li{
        width: 170px;;
    }
    footer .content .others .list li p:first-child{
        font-weight: bold;
        text-transform: capitalize;
    }
    footer .content .links .list a{
        display: block;
        line-height: 1;
        margin-top: 15px;
        transition: .3s color;
    }
    footer .content .links .list a:hover{
        color: #62afd7;
    }
    footer .content .links .list a:first-child{
        margin-top: 0px;
    }
    footer .footage{
        height: 60px;
        justify-content: space-between;
    }
    footer .footage p{
        font-size: 12px;
    }
    footer .footage .sc a{
        float: left;
        margin-left: 8px;
        transition: transform .3s;
    }
    footer .footage .sc a:first-child{
        margin-left: 0px;
    }
    footer .footage .sc a:hover{
        transform: translateY(-8px);
    }
    footer .footage .sc a img{
        width: auto;
    }